午夜视频在线在免费_国产成人免费视频_国产成人综合久久久久久_国产精品无码av天天爽_国产欧美日韩亚洲精品区

　　最近正好關(guān)注了一下面包屑導(dǎo)航的問(wèn)題，正好談?wù)勥@個(gè)問(wèn)題！

先說(shuō)結(jié)論：絕大多數(shù)手機(jī)網(wǎng)站中面包屑導(dǎo)航?jīng)]有存在的必要。

一、需求分析

1.面包屑導(dǎo)航是什么，有什么作用？

　　面包屑是一種“歷史記錄”的應(yīng)用方式，作用是幫助追溯來(lái)路、告訴訪問(wèn)者他們目前在網(wǎng)站中的位置，以及如何返回。

　　面包屑導(dǎo)航是一種線性的導(dǎo)航方式，顯示方式是“主分類(lèi)>一級(jí)分類(lèi)>二級(jí)分類(lèi)>三級(jí)分類(lèi)>……>最終內(nèi)容頁(yè)面”這樣。

　　面包屑導(dǎo)航是判斷頁(yè)面在整個(gè)網(wǎng)站結(jié)構(gòu)中的位置的最好方法。它能誘惑首次訪問(wèn)者在進(jìn)入一個(gè)頁(yè)面后去瀏覽整個(gè)網(wǎng)站，降低網(wǎng)站的總體跳出率；增加網(wǎng)站的內(nèi)部鏈接，提高用戶(hù)體驗(yàn)。

2..用戶(hù)在什么情況下需要用面包屑導(dǎo)航？

網(wǎng)站層級(jí)較多（ 3 層及以上），內(nèi)容龐雜。主導(dǎo)航展示能力不足或者使用不便，無(wú)法滿(mǎn)足指引用戶(hù)的需求。

用戶(hù)不熟悉網(wǎng)站，他們需要直觀清晰地了解目前所處的位置，以及當(dāng)前頁(yè)面在整個(gè)網(wǎng)站中的位置、怎么回來(lái)。比如工信部官網(wǎng)有大量的新用戶(hù)訪問(wèn)。

用戶(hù)有讀完某一頁(yè)面的下級(jí)頁(yè)面的需求。比如學(xué)生依次閱讀重要的學(xué)校官網(wǎng)通知。

用戶(hù)回到上一層級(jí)比較麻煩。比如容易誤操作、回退步驟多、缺乏上級(jí)頁(yè)面的快捷入口、或者用戶(hù)自身操作不便。

3.面包屑導(dǎo)航適合哪些網(wǎng)站使用？

　　面包屑導(dǎo)航適用于層級(jí)較深的網(wǎng)站，如果只有一級(jí)分類(lèi)的話，通過(guò)主導(dǎo)航就已經(jīng)能夠起到快速定位的作用，扁平型架構(gòu)的網(wǎng)站就沒(méi)有使用面包屑導(dǎo)航的必要。

　　由于面包屑導(dǎo)航路徑是線性結(jié)構(gòu)的，即下一級(jí)分類(lèi)必定只屬于上一級(jí)分類(lèi)，因此網(wǎng)站內(nèi)容必須劃分得非常清晰，且不存在交叉。否則，面包屑導(dǎo)航的路徑是不唯一的，同一個(gè)分類(lèi)可能出現(xiàn)在不同的路徑中，讓用戶(hù)感到困惑。

　　目前常見(jiàn)的該結(jié)構(gòu)網(wǎng)站包括門(mén)戶(hù)類(lèi)、電子商務(wù)類(lèi)等層級(jí)較深，且內(nèi)容的組織分類(lèi)邏輯性強(qiáng)，獨(dú)立不交叉的網(wǎng)站。

　　如圖，淘寶的二級(jí)頁(yè)面沒(méi)有面包屑，新浪在進(jìn)入財(cái)經(jīng)頻道后開(kāi)始面包屑導(dǎo)航。

　　如圖，新浪房產(chǎn)和新浪體育在UI上有較大的區(qū)別，用戶(hù)很少會(huì)感到困惑。

從用戶(hù)需求的角度來(lái)講，大多數(shù)WAp站都沒(méi)有必要添加面包屑導(dǎo)航。

　　在pC端，使用面包屑導(dǎo)航的主要是新聞網(wǎng)站、電商網(wǎng)站、官方網(wǎng)站。但是新聞網(wǎng)站和電商網(wǎng)站的趨勢(shì)是變得更加“頻道化”。為了將網(wǎng)站的縱深控制在三四個(gè)頁(yè)面，分別做不同主題的垂直網(wǎng)站。

　　例如淘寶會(huì)將用戶(hù)分流到全球購(gòu)、天貓超市、淘寶美妝等二級(jí)網(wǎng)站，而這些二級(jí)頁(yè)面和淘寶主站并不是非常緊密的連接；新浪也將用戶(hù)分流到新浪財(cái)經(jīng)、新浪新聞等網(wǎng)站，而不強(qiáng)調(diào)它們與門(mén)戶(hù)的從屬關(guān)系。事實(shí)上，它的每個(gè)子網(wǎng)站的界面都不同，采用不同的信息組織方式，更像是彼此獨(dú)立的網(wǎng)站。

　　在這種情況下，單一WAp站的層級(jí)自然變少了，不同的UI也提醒用戶(hù)分別處在門(mén)戶(hù)的不同頻道，添加面包屑的需求也就減少了。

二、用戶(hù)體驗(yàn)分析

1.用戶(hù)在使用手機(jī)網(wǎng)站時(shí)有哪些習(xí)慣？

時(shí)間更為碎片化。大多數(shù)時(shí)候，用戶(hù)沒(méi)精力系統(tǒng)閱覽整個(gè)網(wǎng)站的信息架構(gòu)，WAp站隨之變得更為扁平化、垂直化

瀏覽速度快，停留時(shí)間短。用戶(hù)使用手機(jī)上WAp站時(shí)，他們的下滑操作是很機(jī)械的，要不斷尋求新的視線著力點(diǎn)，而且只會(huì)把視線落在有實(shí)際內(nèi)容的地方，導(dǎo)航作為輔助的功能一般退居其次。

注意力不集中。對(duì)WAp站而言，頁(yè)面內(nèi)容是否吸引、是否有“爆點(diǎn)”更加重要。用戶(hù)在使用手機(jī)時(shí)往往更容易喪失耐心，并且感受到冗余信息的困擾。所以應(yīng)該留足頁(yè)面內(nèi)容的空間，并把有用的東西排列好，除掉其他一切冗雜信息。

不停地被打斷。用戶(hù)隨時(shí)被電話微信吸引走注意力，所以會(huì)傾向于使用簡(jiǎn)單粗暴的方式回退。跳出率有一個(gè)天花板，所以就更不應(yīng)該讓用戶(hù)停頓和學(xué)習(xí)怎么使用，不要讓他們困惑。

2. 其他的回溯方式是否具備足夠的替代性？

　　和手機(jī)返回鍵相比：比起使用面包屑導(dǎo)航，手機(jī)返回更方便、更深入人心。Android系統(tǒng)一般都給實(shí)體按鍵一個(gè)返回的功能，對(duì)用戶(hù)而言，只要在Android手機(jī)上，這個(gè)按鍵無(wú)論何時(shí)都是退回上層的意思。而iOS系統(tǒng)下，頁(yè)面左上角是預(yù)留的返回位置，沿用這種設(shè)計(jì)可以順利地契合用戶(hù)習(xí)慣。

　　和瀏覽器返回按鈕相比：瀏覽器返回更方便、更快捷，學(xué)習(xí)成本更低。手機(jī)瀏覽器（包括app內(nèi)嵌瀏覽器）都會(huì)有地址欄、收藏夾、返回鍵這些，在瀏覽WAp站頁(yè)面的過(guò)程中，底欄的返回鍵和頂欄的地址一直存在，用戶(hù)若要返回會(huì)首先使用瀏覽器的返回。

　　如圖，百度和UC瀏覽器都在底欄放置了前進(jìn)和后退按鈕。

　　而微信的內(nèi)嵌瀏覽器左上角有返回、關(guān)閉兩個(gè)按鈕；知乎的內(nèi)嵌瀏覽器底欄有后退、前進(jìn)兩個(gè)按鈕，同時(shí)頁(yè)面左上角可以退出內(nèi)嵌瀏覽器。

從用戶(hù)體驗(yàn)的角度來(lái)講，WAp站自身幾乎沒(méi)有必要添加面包屑導(dǎo)航。

　　絕大多數(shù)WAp站都將配合手機(jī)瀏覽器或App內(nèi)嵌瀏覽器使用，而幾乎所有的瀏覽器都會(huì)有很方便的回溯功能。

　　隨著大數(shù)據(jù)的發(fā)展，網(wǎng)頁(yè)的推薦已經(jīng)可以做到一定程度上貼近用戶(hù)，用戶(hù)更傾向于通過(guò)推薦內(nèi)容擴(kuò)展和接續(xù)閱讀行為而非回溯。

　　4G和Wi-Fi網(wǎng)絡(luò)的發(fā)展已經(jīng)大大提升移動(dòng)網(wǎng)絡(luò)的速度，用戶(hù)的的閱讀行為也隨之變得更加任性而并非中規(guī)中矩地沿一條路線查看。

　　社交網(wǎng)絡(luò)和分享功能的興盛讓我們?cè)絹?lái)越難以預(yù)測(cè)用戶(hù)是從何處進(jìn)入某個(gè)WAp頁(yè)面查看的，那么接續(xù)閱讀最好的方法是基于人際互動(dòng)的推薦（看過(guò)這篇文章的人也看過(guò)的、你的朋友也喜歡的、分享次數(shù)也很多的內(nèi)容）而非回溯上級(jí)頁(yè)面。

　　無(wú)論如何，WAp站的主導(dǎo)航依然存在，iOS等系統(tǒng)已經(jīng)可以做到輕觸回到頂部主導(dǎo)航處，能比較快捷地滿(mǎn)足用戶(hù)導(dǎo)航的需求。

三、網(wǎng)頁(yè)設(shè)計(jì)角度分析：

1.面包屑導(dǎo)航的設(shè)計(jì)原則與WAp站的設(shè)計(jì)原則有沖突

　　WAp站的頁(yè)面寬度較低，在WAp站的設(shè)計(jì)規(guī)范中，對(duì)每行字?jǐn)?shù)上限做了限定?，F(xiàn)今大多數(shù)的網(wǎng)站一行字?jǐn)?shù)上限為 14 個(gè)中文字符

　　面包屑導(dǎo)航只能逐層降級(jí)，不可跳級(jí)，文字必須橫排排列，且不可以省略字?jǐn)?shù)和符號(hào)。一旦層級(jí)較多就很容易超限，但如果層級(jí)很少，又沒(méi)必要使用面包屑。

　　展示在手機(jī)屏幕的WAp站首屏頁(yè)面非常珍貴，寸土寸金，應(yīng)該把更多空間交給引爆用戶(hù)的內(nèi)容而不是輔助型的導(dǎo)航

　　面包屑導(dǎo)航條只能出現(xiàn)在頁(yè)面頭部和尾部，但手機(jī)瀏覽器的上下部分已經(jīng)預(yù)留了按鍵：頭部有回退按鈕，尾部有回退按鈕或手機(jī)按鍵，所以面包屑導(dǎo)航條的必要性大大降低了

　　面包屑導(dǎo)航需要持續(xù)使用，但只對(duì)三級(jí)頁(yè)面有較大的意義，相對(duì)成本高

　　面包屑導(dǎo)航不應(yīng)該過(guò)于顯眼，一般都比較小，但是手機(jī)字體本來(lái)就比較小，繼續(xù)變小的話，點(diǎn)按會(huì)變得十分困難，太大又會(huì)占用過(guò)多的地方

2.不適合使用面包屑的WAp站：

　　新聞?lì)?、電商?lèi)網(wǎng)站：目前多采用分頻道的方式區(qū)分二級(jí)站點(diǎn)和主站，減少層級(jí)，努力做到結(jié)構(gòu)上的扁平化

　　社交類(lèi)網(wǎng)站：結(jié)構(gòu)一般都比較扁平，層次也比較清晰，功能點(diǎn)較少不需要指引

　　知識(shí)類(lèi)、生活類(lèi)網(wǎng)站：一般使用站點(diǎn)地圖來(lái)體現(xiàn)整個(gè)站點(diǎn)的結(jié)構(gòu)，如同pC端一樣，他們更注重展示與內(nèi)容，較少采用面包屑

3.政府網(wǎng)站、官方網(wǎng)站：適合使用面包屑導(dǎo)航。

　　查看政府網(wǎng)站和官方網(wǎng)站的人一般是新用戶(hù)，不夠了解該網(wǎng)站

　　這些網(wǎng)站由于是 to B 的項(xiàng)目，其信息架構(gòu)會(huì)受到乙方的較大干涉，會(huì)出現(xiàn)各不相同的狀態(tài)，就更容易讓用戶(hù)感到困惑

　　官網(wǎng)的內(nèi)容量比較少而且穩(wěn)定，并不會(huì)像媒體類(lèi)、電商類(lèi)網(wǎng)站有海量信息，也不像UGC網(wǎng)站有許多用戶(hù)自擬的標(biāo)簽。WAp設(shè)計(jì)者可以對(duì)之保持較高的控制力，將層級(jí)保持在合理的范圍內(nèi)

　　面包屑導(dǎo)航條利于搜索引擎優(yōu)化，百度蜘蛛直接沿著導(dǎo)航鏈走就可以了，能更好地對(duì)網(wǎng)站內(nèi)容進(jìn)行抓取。而Google已經(jīng)將面包屑導(dǎo)航整合到搜索結(jié)果里面，因此添加面包屑有利于官網(wǎng)的推廣，對(duì)企業(yè)是有好處的

綜上所述，除官方網(wǎng)站、政府網(wǎng)站之外，其他大多數(shù)WAp站沒(méi)有必要添加面包屑導(dǎo)航。

　　作者：淺野早苗

　　來(lái)源：知乎

　　鏈接：https://www.zhihu.com/question/19760227/answer/58054143